.icon {
    display: inline-block;
    background: url('../newimages/icon.png?15e1c2f5d71') no-repeat;
}

.icon-tell {
    width: 16px;
    height: 16px;
    background-position: -135px -205px;
    vertical-align: -3px;
}

.icon-ewm {
    width: 16px;
    height: 16px;
    background-position: -135px -224px;
    margin-top: 10px;
}

.icon-write {
    width: 16px;
    height: 16px;
    background-position: -135px -245px;
    vertical-align: -3px;
}

.icon-totop {
    width: 16px;
    height: 10px;
    background-position: -135px -274px;
}

/*替换头部背景色以及房子图标*/

#mall_header .topbar {
    background: #e7e7e7;
}

#mall_header .toplink a, #mall_header .toplink span {
    color: #999;
}

#mall_header .topmenu a, #mall_header .topmenu span {
    color: #999;
}

#mall_header .topbar i.home {
    background: url(../newimages/header.png) no-repeat;
    background-position: 0 0;
}

/*更改导航文字颜色*/

#mall_header .nav {
    margin-left: 50px;
}

#mall_header .nav li {
    margin-right: 0;
}

#mall_header .nav li a {
    color: #555;
    /*font-weight: bold;*/
    margin-right: 40px;
    padding: 0;
}

#mall_header .nav li.on a, #mall_header .nav li.on a:hover {
    background: none;
    color: #d0111b;
}

#mall_header .nav li a.hot .icon_hot {}

/*更改hot图标样式*/

#mall_header .nav li a.hot .icon_hot {
    background: url(../newimages/header.png) no-repeat;
    background-position: 0 -16px;
    right: -30px;
}

#mall_header .nav li a.new {
    position: relative;
}

#mall_header .nav li a.new .icon_new {
    background: url(../newimages/header.png) no-repeat;
    position: absolute;
    right: -30px;
    top: -8px;
    width: 26px;
    height: 15px;
    background-position: 0 -35px;
}

/*侧边栏*/

.sidetoolbar {
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    width: 5px;
    background: #7f7170;
    z-index: 222;
}

.sidetoolbar .toolbar {
        width: 36px;
        height: 147px;
        /*ml: -31px;*/
        /*mt:645px;*/
        position: absolute;
        top: 50%;
        margin-top: -76px;
        right: 0px;
    }

.sidetoolbar .toolbar .toolbar-section {
            height: 36px;

            margin-bottom: 1px;
            background: #7f7170;
            border-radius: 5px 0 0 5px;
            line-height: 36px;
            text-align: center;
            cursor: pointer;
            position: relative
        }

.sidetoolbar .toolbar .toolbar-section.active {
    background: #d0101b;
}

.sidetoolbar .toolbar .toolbar-section.active .toolbar-section-inner {
                    background: #d0101b;
}

.sidetoolbar .toolbar .toolbar-section.active .icon-tell {
                    background-position: -153px -205px;
}

.sidetoolbar .toolbar .toolbar-section.active .icon-ewm {
                    background-position: -153px -224px;
}

.sidetoolbar .toolbar .toolbar-section.active .icon-write {
                    background-position: -153px -245px;
}

.sidetoolbar .toolbar .toolbar-section.active .icon-totop {
                    background-position: -153px -274px;
}

.sidetoolbar .toolbar .toolbar-section .toolbar-section-inner {
                width: 62px;
                height: 36px;
                background: #7f7170;
                color: #fff;
                text-align: center;
                line-height: 36px;
                position: absolute;
                top: 0;
                z-index: -1;
                border-radius: 5px 0 0 5px;
                left: 0;
}

.sidetoolbar .toolbar .toolbar-section-ewm {
            line-height: 1;
        }

.sidetoolbar .toolbar .toolbar-section-ewm .toolbar-section-ewm-inner {
                opacity: 0;
                filter: alpha(opacity=0);
                display: none;

                position: absolute;
                left: -115px;
                top: -210px;
                z-index: 8888;
                padding-right: 5px;
            }

.sidetoolbar .toolbar .toolbar-section-ewm .ewm-top, .sidetoolbar .toolbar .toolbar-section-ewm .ewm-bottom {
                width: 109px;
                height: 122px;
                border: 1px solid #d7d7d7;

                padding: 10px 15px 0;
                background: #fff;
                -webkit-box-sizing: border-box;
                        box-sizing: border-box;
            }

.sidetoolbar .toolbar .toolbar-section-ewm .ewm-top span, .sidetoolbar .toolbar .toolbar-section-ewm .ewm-bottom span {
                    line-height: 30px;
                    color: #666;
                }

.sidetoolbar .toolbar .toolbar-section-ewm .ewm-bottom {
                border-top: 0;
            }

.sidetoolbar .toolbar-section-totop {
        display: none;
    }